<!-- 报价明细 -->
<template>
    <div style="height: 60vh;overflow-y: auto;display: flex;flex-direction: column;">
       <el-table :data="valueData.itemList" style="flex: 1;">
            <el-table-column
                prop="name"
                label="项目"
                />
            <el-table-column
                prop="remark"
                label="备注"
                />
            <el-table-column
                prop="number"
                label="数量"
               />
            <el-table-column
                prop="price"
                label="单价"
                />
            <el-table-column
                prop="totalPrice"
                label="总价"
                />
       </el-table>
       <div style="padding: 12px;display: flex;justify-content: flex-end;">
            <span style="font-size: 14px;">
                合集总价: <span style="font-weight: bold;color: red;font-size: 20px;">{{valueData.priceTotal}}</span>
            </span>
       </div>
    </div>
  </template>
  
  <script>
    import ServiceApi from '@/views/service/api'
    export default {
        props:['valueData'],
        components: {
        },
        data() {
            return {

            }
        },
        mounted() {

        },
        beforeDestroy() {
          this.valueData = {};
        },
        methods:{
        async netGetList() {
            var res = await ServiceApi.netYzServiceGetList({});
            let body = res['data']
            let {data} = body;
            this.openAdd = false;
            this.items = data;
        },

        nextHandle() {
            if(this.selectItem.id == undefined) {
            this.$message({
                message: '请选择产品',
                type: 'error',
                showClose: true,
                duration: 3000,
            });
            return;
            }
            let data = {
            data:this.selectItem,
            isAdd:true,
            }
            this.$router.push({name:'order02',params:data});
        },

        selectHandle(item) {
            this.selectItem =item;
        }
        },
    }
  </script>
  
  <style>
  .deleteBorder .el-tabs__nav-wrap::after{
      height: 0;
    }
  </style>
  